html,
        body {
            width: 100%;
            height: 100%;
        }
        
        body {
            display: flex;
            flex-direction: column;
        }
        
        .head {
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-weight: bold;
        }
        
        .main {
            flex: 1;
            background: url('../../assets/imgs/advertisement-bg.jpg') no-repeat center / cover;
            text-transform: uppercase;
            font-size: 40px;
            color: #fff;
            font-weight: bold;
            position: relative;
            .box{
                position: absolute;
                left: 295px;
                top:30px;
                width: 105px;
                height: 40px;
                line-height: 20px;
                border-radius: 20px 20px 20px 20px;
                background-color: rgba(255, 255, 255, 1);
                text-align: center;
                border: 1px solid rgba(187, 187, 187, 1);
                color: rgba(16, 16, 16, 1);
                font-size: 12px;
                .miao{
                    position: absolute;
                    left:15px;  
                    top: 10px;
                }
                .tiao{
                    position: absolute;
                    right:20px;  
                    top: 10px;
                }
             .line{
                width: 1px;
                height: 25px;
                position: absolute;
                top: 7px;
                left:40px;
                border: 1px solid #bbbbbb;
             }
            }
        }
        
        .text {
            width: 100%;
            text-align: center;
            position: absolute;
            bottom: 100px;
            font-size: 18px;
            /* animation: move 5s */
            animation-duration: 5s !important;
        }